<template>
	<div class="header">
		<div class="area headerarae">
			<p>{{ headername }}</p>
		</div>
	</div>
</template>

<script>
export default {
	props: ["title"],
	// data选项必须要求是一个函数，函数必须返回一个普通的对象
	data: function() {
		return {
			headername: "商品类别",
		}
	},
	created() {
		this.headername = this.title || this.headername
	},
}
</script>

<style lang="scss" scoped>
@import "@/assets/css/goodsheader.scss";
</style>
